<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="all,follow">
    <!-- Bootstrap CSS-->
    <link rel="stylesheet" href="/mall/vendor/bootstrap/css/bootstrap.min.css">
    <!-- Font Awesome CSS-->
    <link rel="stylesheet" href="/mall/vendor/font-awesome/css/font-awesome.min.css">
    <!-- Google fonts - Roboto -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,700">
    <!-- owl carousel-->
    <link rel="stylesheet" href="/mall/vendor/owl.carousel/assets/owl.carousel.css">
    <link rel="stylesheet" href="/mall/vendor/owl.carousel/assets/owl.theme.default.css">
    <!-- theme stylesheet-->
    <link rel="stylesheet" href="/mall/css/style.default.css" id="theme-stylesheet">
    <!-- Custom stylesheet - for your changes-->
    <link rel="stylesheet" href="/mall/css/custom.css">
    <!-- Favicon-->
    <link rel="shortcut icon" href="/mall/favicon.png">
    <!-- Tweaks for older IEs-->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
</head>

<body>
<!-- navbar-->
<header class="header mb-5">
    <header class="header mb-5" th:replace="mall/topbar::head">
    </header>
</header>
<div id="all">
    <div id="content">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <!-- breadcrumb-->
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="/MallGoods/index">首页</a></li>
                            <li href="/util/toMallPage?URL=customer-xiugai" aria-current="page"
                                class="breadcrumb-item active">修改信息
                            </li>
                        </ol>
                    </nav>
                </div>
                <div class="col-lg-3">
                    <!--
          *** CUSTOMER MENU ***
          _________________________________________________________
          -->
                    <div class="card sidebar-menu">
                        <div class="card-body">
                            <ul class="nav nav-pills flex-column">
                                <a href="/util/toMallPage?URL=customer-account" class="nav-link "><i class="fa fa-list"></i> 我的账户</a>
                                <a href="/MallOrder/ToOrder" class="nav-link"><i class="fa fa-list"></i> 我的订单</a>
                                <a href="/MallComment/ToComment" class="nav-link"><i class="fa fa-user"></i> 我的评论</a>
                                <a href="/util/toMallPage?URL=customer-xiugai" class="nav-link  active"><i class="fa fa-user"></i> 修改信息</a>
                                <a href="/MallUser/UserLoginOut" class="nav-link"><i class="fa fa-sign-out"></i> 退出登录</a>
                            </ul>
                        </div>
                    </div>
                    <!-- /.col-lg-3-->
                    <!-- *** CUSTOMER MENU END ***-->
                </div>
                <div class="col-lg-9">
                    <div class="box">
                        <h3>修改信息</h3>
                        <form action="/MallUser/UpdateUserHead" method="post" enctype="multipart/form-data">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <img th:src="'/Images' + ${session.user.userHead}" width="60px"
                                                              height="60px">
                                        <span class="item_name" style="width:120px;">上传图片：</span>
                                        <label class="uploadImg">
                                            <input name="file" type="file"/>
                                            <span>上传图片</span>
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="col-md-12 text-center">
                                    <button type="submit" class="btn btn-primary"> 上传头像</button>
                                </div>
                            </div>
                        </form>
                        <form action="/MallUser/UpdateUser" method="post">
                            <div class="row">
                                <div class="col-md-6">

                                    <div class="form-group">
                                        <label for="firstname" style="width: 100%">用户名
                                            <input name="userName" th:value="${session.user.userName}" id="firstname"
                                                   type="text"
                                                   class="form-control">
                                        </label>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="password" style="width: 100%">新密码
                                            <input name="userPassword" th:value="${session.user.userPassword}"
                                                   id="password" type="password"
                                                   class="form-control">
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="company" style="width: 100%">收货地址</label>
                                        <input name="userAddress" th:value="${session.user.userAddress}" id="company"
                                               type="text"
                                               class="form-control">
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="col-md-12 text-center">
                                    <button type="submit" class="btn btn-primary"> 修改信息</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="footer" th:replace="mall/footerbar::foot">
</div>
<script src="/mall/vendor/jquery/jquery.min.js"></script>
<script src="/mall/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="/mall/vendor/jquery.cookie/jquery.cookie.js">
</script>
<script src="/mall/vendor/owl.carousel/owl.carousel.min.js"></script>
<script src="/mall/vendor/owl.carousel2.thumbs/owl.carousel2.thumbs.js"></script>
<script src="/mall/js/front.js"></script>
</body>

</html>